<template>
    <NewsTopBack/>
    <div style="margin: 0 3%" class="articleContainer">
        <DetailNewsHead :headData="headData"/>
        <div class="article">
            <p id="description">It's been just over a year since we announced our investment in mo.co, a small but
                ambitious
                monster-hunting startup...and as of today, we're excited to announce that it is time to bring mo.co to
                the world!</p>
            <img src="/src/assets/img/news/news002/img01.webp" alt="" id="articleImg01">
            <p>mo.co's portal technology and its Founders, Luna, Jax and Manny, have proven that Supercell has a huge
                opportunity to bring players something fresh, exciting and different. Specifically… a new kind of
                adventure across parallel worlds filled with Chaos Monsters, fun weapons and outfits, and great music to
                hunt to. </p>
            <p>So, we've decided to green light mo.co for global launch(!!)… but <strong>you'll need an invite to
                join</strong>. More on
                that in a bit. If you know anything about Supercell, then you know we're about risk taking, and we truly
                believe in mo.co and can't wait to see where it goes.</p>
            <p>Alright, launch details.</p>
            <p>This launch isn't like anything we've done before. To join mo.co, you'll need an invite. Aspiring Hunters
                can get one by watching mo.co's content creators, applying at mo.co, or finding one through the
                Founders' very… scrappy recruitment efforts, which I hear involve posting flyers and job ads in some
                interesting places. </p>
            <p>As mo.co's investors, our commitment is long-term. Rather than going for scale immediately, we want to
                learn what works, make improvements and build mo.co together. We're playing the long game and want our
                community of Hunters to be able to give direct feedback and help shape its future, starting from day
                1. </p>
            <p>If you want to join mo.co, start looking for an invite… you never know where one might show up. </p>
            <p>With love, hugs and monster guts,</p>
            <p>Ilkka Paananenenen</p>
            <p>Board Advisor, Chaos Energy & Growth Risks</p>
            <img src="/src/assets/img/news/news002/img02.webp" alt="" id="articleImg02">
            <div class="videoBox">
                <video controls preload src="/src/assets/video/news02.mp4" :poster="videoPoster"></video>
            </div>
        </div>
    </div>
</template>

<script setup>
import NewsTopBack from "@/views/AboutUs/components/news/NewsTopBack.vue";
import DetailNewsHead from "@/views/AboutUs/components/news/DetailNewsHead.vue";
import {reactive, ref} from "vue";
import {news02VideoPoster} from "@/assets/video/poster/posters.js";

const headData = reactive({
    title: "MO.CO - SUPERCELL\'S NEXT BIG<br/>ADVENTURE BEGINS!",
    category: 'ANNOUNCEMENT - MO.CO',
    date: 'MAR 18 2025',
})
const videoPoster = ref(news02VideoPoster)
</script>

<style scoped>
.article {
    margin-bottom: 50px;
}

.article #articleImg01 {
    display: block;
    width: 80%;
    margin: 32px auto;

}

.article #articleImg02 {
    display: block;
    width: 30%;
    margin: 7px auto 32px auto;
}

.article p {
    width: 50%;
    font-size: 19px;
    line-height: 2;
    margin: 0 auto 25px auto;
}

.article #description {
    font-size: 24px;
    font-weight: 1.2;
    margin-bottom: 0;
}

.article .videoBox {
    width: 50%;
    margin: 0 auto;
}

.article video {
    width: 100%;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}
</style>